<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	
	<!--
	
	Design by Orice Media
	http://www.oricemedia.ro
	
	Released under a Creative Commons Attribution 2.5 License
	Free to use as long as the links in the footer remain intact !
	
	Name       : Corporate Black
	Description: A two-column, fixed-width design with dark color scheme.
	Version    : 1.0
	
	============================================================
	=  If you need help customizing this template              =
	=  or want a great website built at an affordable price    =
	=  contact us at >  bitpublimedia@gmail.com  < !           =
	============================================================
	
	Check out http://web-design-tuts.blogspot.com/ for 
	more free templates and web design tips.
	
	-->

	<title> ... Add page title ... :: CorporateBlack by OriceMedia </title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	
	<meta name="description" content=" add page description... "  />
	<meta name="keywords" content=" add keywords... " />
	
	<!-- links to stylesheets and scripts -->
	<link href="_layout/style.css" rel="stylesheet" type="text/css" />
	
</head>
<body>

	<div id="header" class="fixed">
	
		<div class="logo">
			<a href="index.html">
				<img src="_content/temp/logo.png" border="0" width="300" height="75" alt="logo" />
			</a>
		</div><!-- end .logo -->
		
		<div class="nav" >
			<ul class="fixed">
			  <li><a href="index.html">Home</a></li>
			  <li><a href="examples.html" class="active">Typography Examples</a></li>
			   <li><a href="#">Nav element 3</a></li>
			  <li><a href="#">Nav element 4</a></li>
			  <li><a href="#">Nav element 5</a></li>
			</ul>
		</div><!-- end .nav -->
		
	</div><!-- end #header -->
	<div id="content" class="fixed">
	  <div id="maincontent">
	<!-- ************** V MAIN CONTENT HERE  V ********************************************************************************** -->  
	
		<h2>Typography Examples &lt;h2&gt;</h2>
		
		<img src="_layout/images/blank.jpg" width="75" height="75" alt="" class="img-left" />
		
		<p>This is paragraph text. The rest of this paragraph is filler text to maintain balance.
		 Quisque libero nulla, porttitor eu, <a href="#">linked text</a>, gravida ac, nulla. 
		 Ut <del>deleted text</del>, tellussed <strong>bold text</strong>, 
		 <em>emphasised text</em> leo, id varius massa lectus ultrices diam.</p>
		 
		 <h3>Heading Three &lt;h3&gt;</h3>
		 
		 <img src="_layout/images/blank.jpg" width="75" height="75" alt="" class="img-right" />
		 
		 <p>This is paragraph text. The rest of this paragraph is filler text to maintain balance.
		 Quisque libero nulla, porttitor eu, convallis sed, gravida ac, nulla. Ut malesuada, tellus
		 sed facilisis tincidunt, orci erat lobortis leo, id varius massa lectus ultrices diam.</p>
				
		<h4>Heading Four &lt;h4&gt;</h4>
		
		 <p>This is paragraph text. The rest of this paragraph is filler text to maintain balance.
		 Quisque libero nulla, porttitor eu, convallis sed, gravida ac, nulla. Ut malesuada, tellus
		 sed facilisis tincidunt, orci erat lobortis leo, id varius massa lectus ultrices diam.</p>
		
		<h3>Unordered List:</h3>
		
		<ul>
			<li>List Item One
			  <ul>
				<li>Sublevel List Item A</li>
				<li>Sublevel List Item B</li>
				<li>Sublevel List Item C</li>
			  </ul>
			</li>
			<li>List Item Two</li>
			<li>List Item Three</li>
			<li>List Item Four</li>
		</ul>
		
		<h3>Ordered List:</h3>
				  
		<ol>
			<li>List Item One
				<ol>
					<li>Sublevel List Item A</li>
					<li>Sublevel List Item B</li>
					<li>Sublevel List Item C</li>
				</ol>
			</li>
			<li>List Item Two</li>
			<li>List Item Three</li>
			<li>List Item Four</li>
		</ol>
		
		<h3>&lt;code&gt; example</h3>
		
		<code>&lt;? echo('Hello world'); ?&gt;</code>
	
		<h3>&lt;blockquote&gt; example</h3>
		
		<blockquote><p>Mauris sit amet tortor in urna tincidunt aliquam.
					  Pellentesque habitant morbi tristique senectus et
					  netus et malesuada fames ac turpis egestas</p>
					  </blockquote>
		
		<h3>table example</h3>

		<table cellspacing="0">
			<tr>
				<th>ID</th>
				<th>Name</th>
				<th>Age</th>
			</tr>
			<tr>
				<td>1</td>
				<td>John Smith</td>
				<td>20</td>
			</tr>
			<tr>
				<td>1</td>
				<td>John Smith</td>
				<td>20</td>
			</tr>
			<tr>
				<td>1</td>
				<td>John Smith</td>
				<td>20</td>
			</tr>
		</table>
		
		<h3>Form example</h3>
	
		<form action="" method="post" >
			<ol>
			  <li>
				<label for="name">Your Name *</label>
				<input id="name" name="name" class="text" />
			  </li>
			  <li>
				<label for="email">Your Email *</label>
				<input id="email" name="email" class="text" />
			  </li>
			  <li>
				<label for="company">Company Name</label>
				<input id="company" name="company" class="text" />
			  </li>
			  <li>
				<label for="subject">Subject</label>
				<input id="subject" name="subject" class="text" />
			  </li>
			  <li>
				<label for="message">Message *</label>
				<textarea id="message" name="message" rows="6" cols="50"></textarea>
			  </li>
			  <li>
				<label>&nbsp;</label>
				<input type="submit" value="Send!"  />
			  </li>
			</ol>
		</form>	 
		  
	<!-- ************** V END MAIN CONTENT HERE  V ********************************************************************************** -->  	  
	  </div><!-- end #maincontent -->
	   <div id="sidebar">
	<!-- *************** V SIDEBAR CONTENT HERE  V ********************************************************************************** -->  	
	
		<h3>Sub Navigation</h3>
		
		<ul class="sidebar_nav">
		  <li><a href="#">Quisque libero nulla</a></li>
		  <li><a href="#" class="active">Porttitor eu</a></li>
		  <li><a href="#">Facilisis tincidunt</a></li>
		  <li><a href="#">Orci erat lobortis</a></li>
		</ul><!-- end .sub_nav -->
		
		<p>&nbsp;</p><!-- paragraph with non breaking white space; makes space between different elements of the sidebar -->
		
		<h3>Testimonials</h3>
		
		<p><em>Quisque libero nulla, porttitor eu, convallis sed, gravida ac, nulla.
		 Ut malesuada, tellus sed facilisis tincidunt, orci erat lobortis leo, id
		 varius massa lectus ultrices diam.</em></p>
		 
		<p class="text-right"><strong>- Long John Silver</strong></p>
		
		<p>&nbsp;</p><!-- paragraph with non breaking white space; makes space between different elements of the sidebar -->
		
		<h3>Adress</h3>
		
		<ul class="contact_info">
		  <li>1234 Some Adress</li>
		  <li>Nashville, TN 305</li>
		  <li>United States of America</li>
		  <li>Tel: +1 234 567 8910</li>
		  <li>E-mail: <a href="mailto:mail@yoursitename.com">mail@yoursitename.com</a></li>
		</ul>
	
		
	<!-- *************** ^ SIDEBAR CONTENT ENDS HERE ^ ****************************************************************************** -->  	
	  </div><!-- end #sidebar -->
	</div><!-- end #content -->
	
	<div id="round_bottom"></div> <!-- adds the rounded corners. delte this line if you don't want rounded corners -->
	
	<div id="footer" class="fixed">
	
		<p class="copyright">Copyright &copy; 2009 - 2010 Sitename.com. All Rights Reserved.</p>
		
		<!-- in order to use this template legally the following links must remain intact. --> 
		<p class="credits">
		   Credit: 
		   <a href="http://www.oricemedia.ro/servicii/design-siteuri-web.html" 
		   title="web design, realizare site-uri, pagini web">Web design</a> by  
		   <a href="http://www.oricemedia.ro/" title="agentie web design mures">Orice Media</a>.
		 </p>
						   
	</div><!-- end #footer -->
<div style="text-align: center; font-size: 0.75em;">Design downloaded from <a href="http://www.freewebtemplates.com/">free website templates</a>.</div></body>
</html>